<template>
  <div>
    <h1>猜猜天线宝宝们在干嘛？？</h1>
    <h3>有以下景点</h3>
    <hr />
     <table-node @click="mybtn" :list="list" :listB="listB"/>
  </div>
</template>
<script>

export default {
   
  data() {
    return {
      list: [
        { id: "name", name: "景点名称" },
        { id: "his", name: "景点故事" },
        { id: "road", name: "景点路线" },
      ],
      listB: [
        { id: "001", name: "叮叮之家",his:"叮叮在拉拉家里",road:"他在跳舞" },
        { id: "002", name: "拉拉之家",his:"拉拉在小波家里",road:"他在唱歌" },
        { id: "003", name: "小波之家",his:"小波在铛铛家里",road:"他在看拉拉跳舞" },
        { id: "004", name: "铛铛之家",his:"铛铛在迪西家里",road:"他在洗脸" },
        { id: "005", name: "迪西之家",his:"迪西在叮叮家里",road:"他在看铛铛洗脸" },
      ],
    };
  },
  methods:{
      mybtn(id){
          console.log(id)
      }
  }
};
</script>
